<%@page language="java" contentType="text/html; charset=utf-8"	pageEncoding="utf-8"%>
<html>
<head>
<style type="text/css">
    /*-- 消除grid屏闪问题 --//*/
    .datagrid-mask{
      opacity:0;
      filter:alpha(opacity=0);
    }
    .datagrid-mask-msg{
      opacity:0;
      filter:alpha(opacity=0);
    }
</style>
<script type="text/javascript">
var listUrl="rest/alarm/list.do";        
var alarmLevelJson,alarmConfirmJson; 


var sec = 0;
timerID = setInterval("Reflash()",60000);
function Reflash(){
  $('#alarmNotice-dg').datagrid('reload');
}



$(document).ready(function () {
	alarmLevelJson=syncGetDictListByTypeName('alarm_level');
    alarmConfirmJson=syncGetDictListByTypeName('alarm_confirm_status'); 
    $("#alarmNotice-dg").datagrid({
        onBeforeLoad:function(prm){
           prm.rows=100;
        },
        loadMsg: '数据加载中....',
        //title: '用户管理',
        //height:document.body.clientHeight-60,
        width: '100%',
        url: listUrl,        
// 		loadFilter : function(result) {
// 				if (result.retCode == '0000') {
// 					return result.data;
// 				} else {
// 					return result.retMsg;
// 				}
// 			},
			nowrap : false,
			striped : true,
			remoteSort : false,
			rownumbers : true,
			pagination : true,
			fitColumns : true,
			pageList : [10,20,50,100],
			frozenColumns : [ [ {
				title : '编号',
				field : 'id',
				width : 0,
				hidden : 'true'
			} ] ],
			
			columns : [ [
			{
				field : 'familyId',
				title : '户号',
				width : 30,
				hidden :true
			},	
			{
				field : 'meterId',
				title : '电机编号',
				width : 30,
				hidden :true
			},
			
			{
				field : 'alarmCause',
				title : '报警原因',
				width : 150
			},
			{
				field : 'alarmTime',
				title : '报警时间',
				width : 100
			},
			
			{
				field : 'alarmLevel',
				title : '报警级别',
				width : 50,
				formatter : function(val) {
			        return formatDictValue(val, alarmLevelJson);
		        }
			},
			
			{
				field : 'confirmStatus',
				title : '报警确认状态',
				width : 50,
				formatter : function(val) {
			        return formatDictValue(val, alarmConfirmJson);
		        }
			}, 
			 {
				field : 'opt',
				title : '操作',
				width : 60,
				align : 'center',
				formatter: function(value,row,index){
					 if(row.confirmStatus == 2){
						return "<a href='javascript:stateChange("+row.id+");'>确认告警</a>";
					}
				}
			}  

			] ]
		});
		//设置分页控件
		var p = $('#alarmNotice-dg').datagrid('getPager');
		$(p).pagination({
			pageSize : 100,//每页显示的记录条数，默认为10
			pageList : [10,20,50,100],//可以设置每页记录条数的列表
			beforePageText : '第',//页数文本框前显示的汉字
			afterPageText : '页    共 {pages} 页',
			displayMsg : '当前显示 {from} - {to} 条记录   共 {total} 条记录',
			onBeforeRefresh : function() {
				$(this).pagination('loading');
				$(this).pagination('loaded');
			}

		});//end pagination

	})
	//end ready
	
	
	 function stateChange(id){
		$.post("rest/alarm/confirmStatusUpdate.do",{"id":id},function(data){
			if(data.success=="true"){
				$('#alarmNotice-dg').datagrid("reload");
			}
		});
		
	} 
	
	
	
	

	function removeFamily() {
		

	};
	
	
</script>
</head>
<body>
		<div class="linkbar"><a>监控平台</a>/<a>告警版</a></div>
		<div class="clear"></div>
		<div id="alarmNotice-dg" toolbar="#toolbar"></div>

		<div id="toolbar">
 			
		</div>
</body>
</html>
